import React from 'react';

import './index.less';

import {render} from '../../../../../hrpub/common/frame';

import {
    base
} from 'nc-lightapp-front';

let { NCDatePicker } = base;


const {
    NCModal,
    NCStep,
    NCButton
} = base;

const {
    Header,
    Body,
    Footer
} = NCModal;

const {NCSteps} = NCStep;


export default render({
    actions: {
        // batchAct: BatchAction
    },
    state: {
        // selectAll: false,
        // selectRows: null
    }
})(({props, state, action}) => {
    const {
        exam,
        form,
        search,
        editTable
    } = props;

    return (
        <NCModal
            show={exam.timeModal}
            size="sm"
            onHide={props.main.closeModal('timeModal')}
            className="batch-add-modal"
        >
            <Header
                closeButton={true}
            >
                {/* 执行 */}
                {exam.json['gx6008-000091']}
            </Header>
            <Body>
                <span className="fl timeTitle">
                    {/* 生效日期: */}
                    {exam.json['gx6008-000099']}
                </span>
                <div className="time fl">
                    <NCDatePicker
                        value={exam.effectTime}
                        onChange = {props.table.effectTime}
					/>
                </div>
            </Body>
            <Footer>
                <div className="batch-add-modal-footer">
                    <NCButton
                        onClick={props.table.batchImplement}
                    >
                        {/* 确定 */}
                        {exam.json['gx6008-000024']}
                    </NCButton>
                    <NCButton
                        onClick={props.main.closeModal('timeModal')}
                    >
                        {exam.json['gx6008-000025']/** 取消 */}
                    </NCButton>
                </div>
            </Footer>
        </NCModal>
    );

});